<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>index</title>
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta content="telephone=no" name="format-detection"/>
    <meta name="screen-orientation" content="portrait">
    <!-- uc强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/special.css">
	<link rel="stylesheet" href="css/bubbles.css" type="text/css" />
    <!-- Bootstrap Js -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
 	<script src="js/echarts/echarts.js"></script>
</head>

<body >
		<div class="container" style="height:auto;background:url(images/specialTopic/special_bg.png) no-repeat;">
			<div class="row" style="border-bottom:1px solid #ccc;padding-bottom:12px;" >
			<div class="col-xs-2"><a href="#"><img src="images/gongyong_fh.png" /></a></div>
	
			<div class="col-xs-6" style="padding:0;"><a href="#" style="font-size:2.0rem;color:#fff;">Tesla is coming</a></div>
		
			<div class="col-xs-2" style="padding-right:5px;"><a href="#"><img src="images/index_wz_ico3.png" /></a></div>
			<div class="col-xs-2"><a href="#"><img src="images/index_wz_ico4.png" /></a></div>
			</div>
	
			<p class="s_content">Tesla United States official website has a map of the world, in accordance with the five continents divided 
				by three interfaces (no African and South America). As the source of the Tesla and the most concerned about
				 the North American market, the </p>
			<div class="row sp_header" >
				<div class="col-xs-3 sp_active" style="padding-left:22px;"><a href="#">Rank</a></div>
				<div class="col-xs-5"><a href="#">Info Analysis</a></div>
				<div class="col-xs-4"><a href="#">Keywords</a></div>
			</div>
		</div>
		<div class="index_list " style="background:#f8f8f8;width:100%; clear:both;">
    		<!-- 气泡图 -->
    		<div id="bubbles" class="bubbles">

			</div>
			<!-- 气泡图 -->
		</div>
		
	    <button>Economic</button>
		<div class="margin_b a">
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">VOV</span>
				<span class="sp_ico_r">
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon2.png" /></a>
				<a href="#"><img src="images/gongyong_icon3.png" /></a>
				</span>
			</div>
		</div>
		<div class="margin_b a">
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">BBC</span>
				<span class="sp_ico_r">
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon2.png" /></a>
				<a href="#" ><img src="images/gongyong_icon3.png" /></a>
				</span>
			</div>
		</div>
		<button>Economic</button>
		<div class="margin_b a">
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">VOV</span>
				<span class="sp_ico_r">
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon2.png" /></a>
				<a href="#" ><img src="images/gongyong_icon3.png" /></a>
				</span>
			</div>
		</div>
		<div class="margin_b a">
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">BBC</span>
				<span class="sp_ico_r">
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon2.png" /></a>
				<a href="#"><img src="images/gongyong_icon3.png" /></a>
				</span>
			</div>
		</div>
		<div class="margin_b a">
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">VOV</span>
				<span class="sp_ico_r">
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" style="margin-right:20px;"><img src="images/gongyong_icon2.png" /></a>
				<a href="#"><img src="images/gongyong_icon3.png" /></a>
				</span>
			</div>
		</div>
		
			<div  class="spac_footer">
			<a href="#" style="float:left;padding-left:20px;"><img src="images/specialTopic/spac_ico1.png"></a>
			<a href="#" style="text-align:center;"><img src="images/specialTopic/spac_ico2.png"></a>
			<a href="#" style="float:right;padding-right:20px;"><img src="images/specialTopic/spac_ico3.png"></a>
			</div>

	<script src="js/jsondata-scatter.js"></script>
	<script src="js/myscatter.js"></script>
</body>
</html>